<template>
  <m-page>
    <m-header>
      <!-- 详情头 -->
      <div class="g-header">
        <span><b>2020年01月账单详情</b></span>
      </div>
      <!-- 列表 -->
      <div class="g-list">
        <ul>
          <li>
            <div class="g-list-date">
              <span>上期未还</span>
            </div>
            <ynet-cell-item title="上期未还金额" brief="长湘贷卡 尾号（1234）">
              <template slot="right">
                <span><b>+3,000.00</b></span>
              </template>
            </ynet-cell-item>
            <ynet-cell-item title="循环利息" brief="长湘贷卡 尾号（1234）">
              <template slot="right">
                <span><b>+50.00</b></span>
              </template>
            </ynet-cell-item>
          </li>
          <li>
            <div class="g-list-date">
              <span>01月18日</span>
            </div>
            <ynet-cell-item title="全额提前还款" brief="长湘贷卡 尾号（1234）">
              <template slot="right">
                <span><b>-2,100.00</b></span>
              </template>
            </ynet-cell-item>
            <ynet-cell-item
              title="自动还款20190110手续费"
              brief="长湘贷卡 尾号（1234）"
            >
              <template slot="right">
                <span><b>-100.00</b></span>
              </template>
            </ynet-cell-item>
            <ynet-cell-item
              title="20190110手续费"
              brief="长湘贷卡 尾号（1234）"
            >
              <template slot="right">
                <span><b>+100.00</b></span>
              </template>
            </ynet-cell-item>
          </li>
          <li>
            <div class="g-list-date">
              <span>01月15日</span>
            </div>
            <ynet-cell-item title="20190104本金到期" brief="长湘贷卡 尾号（1234）">
              <template slot="right">
                <span><b>-2,000.00</b></span>
              </template>
            </ynet-cell-item>
            <ynet-cell-item title="20190104手续费" brief="长湘贷卡 尾号（1234）">
              <template slot="right">
                <span><b>-100.00</b></span>
              </template>
            </ynet-cell-item>
          </li>
        </ul>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import { CellItem, Switch, Icon, Tag } from "ynet-mobile";
export default {
  components: {
    [CellItem.name]: CellItem,
    [Switch.name]: Switch,
    [Icon.name]: Icon,
    [Tag.name]: Tag
  },
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
